<%-- 
    Document   : gereretapes
    Created on : 28 févr. 2012, 11:36:43
    Author     : tidiane
--%>
<head>
   <title>Java Script Calender Date Picker</title>
   <meta http-equiv="Content-Type" content="text/html;">
   <link rel ="stylesheet" type ="text/css" href = "libs/bootstrap/css/bootstrap.css" />
   <link rel = "icon" href = "media/images/favicon.ico"/>
   <script language="javaScript" type="text/javascript" src="media/js/calendar.js"></script>
   <link href="media/css/calendar.css" rel="stylesheet" type="text/css">
</head>
 
    <!-- Calender Script  --> 

    <table id="calenderTable" class ="tab-pane">
        <tbody id="calenderTableHead" class ="t">
          <tr>
            <td colspan="4" align="center">
	          <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
	           this.selectedIndex, false));" id="selectMonth">
	              <option value="0">Jan</option>
	              <option value="1">Feb</option>
	              <option value="2">Mar</option>
	              <option value="3">Apr</option>
	              <option value="4">May</option>
	              <option value="5">Jun</option>
	              <option value="6">Jul</option>
	              <option value="7">Aug</option>
	              <option value="8">Sep</option>
	              <option value="9">Oct</option>
	              <option value="10">Nov</option>
	              <option value="11">Dec</option>
	          </select>
            </td>
            <td colspan="2" align="center">
			    <select onChange="showCalenderBody(createCalender(this.value, 
				document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
				</select>
			</td>
            <td align="center">
			    <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
			</td>
		  </tr>
       </tbody>
       <tbody id="calenderTableDays">
         <tr style="">
           <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
         </tr>
       </tbody>
       <tbody id="calender"></tbody>
    </table>

<!-- End Calender Script  --> 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
            
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
            </script>
            <script type = "text/javascript" src = "http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js" ></script>
            <script type = "text/javascript">
                $(document).ready(function (){

                })
            </script>
            <link rel ="stylesheet" type ="text/css" href = "libs/bootstrap/css/bootstrap.css" />
    </head>
    <body>
        
    <body>
</html>